<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
    layout:decorator="base">

<head>
	<meta charset="UTF-8" />
	<title th:text="#{categoryMgr}">型号管理</title>

	<link rel="stylesheet" type="text/css" href="/webResources/plugins/jquery-UI/jquery-ui-1.12.1.custom/jquery-ui.theme.css" />
	<link rel="stylesheet" type="text/css" href="/webResources/plugins/jqgrid/css/ui.jqgrid.css" />
	<link rel="stylesheet" type="text/css" href="/webResources/plugins/pageJquery/css/zxf_page.css"/>

	<style>
        .ui-jqgrid-htable{
            height: 40px;font-size: 14px;color: #80909c;font-weight: 500;
        }
        .ui-jqgrid .ui-jqgrid-htable th div {
            overflow: hidden;
            position: relative;
            height: 40px;
            padding-top: 10px;color: #798692;font-weight: 500;
        }
        .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
		    height: 40px;
		    margin-top: 5px;
		    display: inine-block;
		}
        .ui-jqgrid .ui-jqgrid-resize {
            height: 40px !important;
            position: relative;
            cursor: e-resize;
            display: inline;
            overflow: hidden;
        }
        .ui-jqgrid tr.jqgrow {
            outline-style: none;
            height: 40px;
        }
        .ui-jqgrid tr.ui-row-ltr td {
            text-align: left;
            border-right-width: 0px;
            border-right-color: inherit;
            border-right-style: solid;
            color: #333333;
            font-size: 14px;
        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
            border: 0px solid #fcd3a1;
            background: #fbf8ee;
            color: #444;
        }
        .ui-widget-content {
            border: 1px solid #eee;
            background: #fff;
        }
        .ui-jqgrid tr:nth-child(even) {
            background: #F4F8F9;
        }
        .ui-jqgrid tr:nth-child(odd) {
            background: #FFFFFF;
        }
        .table-tr{
            height: 5px;
        }
    </style>

	<script type="text/javascript" src="/webResources/plugins/jqgrid/js/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="/webResources/plugins/jqgrid/src/i18n/grid.locale-cn.js"></script>
	<script type="text/javascript" src="/webResources/plugins/pageJquery/js/zxf_page.js" ></script>
	<script type="text/javascript" src="/webResources/js/custom/page/createPage.js"></script>
	<script type="text/javascript" src="/webResources/js/custom/category/categoryManage.js"></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-BlockUI/jquery.blockUI.js" ></script>

</head>

<body>
	<div layout:fragment="content" >
		<div class="table-top">
		    <div class="title-big" th:text="#{categoryMgr}">
		        	型号管理
		    </div>
		</div>
		<div class="companyMgr-edge" style="height: 1000px">
		  	<div class="company-tab" style="border:0px">
				<!--<div class="company-search" id="companySearch" style="margin-left:60%" v-cloak="v-cloak">
	                <div class="input-group input-medium">
	                    <input class="form-control" v-model="searchContent" th:placeholder="#{searchContent}" type="text"/>
	                    <span class="input-group-btn">
	                        <button id="search" class="btn btn-success" style="background: #D3D5DD;border: 0px"><i class="fa fa-search"></i></button>
	                    </span>
	                </div>
		        </div>-->
		        <!-- <div shiro:hasPermission="employeeMgr:batadd" class="company-button">
		            <button class="company-button-import" th:text="#{batadd}">
		            	导入
		            </button>
		        </div> -->
		        <div shiro:hasPermission="categoryMgr:edit" class="company-button" style="margin-right: 1%">
		            <button id="edit" class="company-button-new" th:text="#{edit}">
		           		编辑
		            </button>
		        </div>
		        <div shiro:hasPermission="categoryMgr:add" class="company-button" style="margin-right: 1%">
		            <button id="add" class="company-button-import" th:text="#{add}">
		           		 新增
		            </button>
		        </div>
			</div>
			<div class="data-table">
				<!-- 分类管理的表格 -->
				<div><table id="categoryTable"></table></div>
				<div id="categoryPager"></div>
	    	</div>
		</div>
	</div>
</body>

</html>

